<%--
  Created by IntelliJ IDEA.
  User: LSK
  Date: 2022/11/25
  Time: 13:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
  <style>
    .layui-bg-black{
      background-color: #00AFF210!important;
    }

    element.style {
    }
    .layui-layout-admin .layui-header{
      background-color: #00AFF210!important;
    }
    .layui-nav .layui-nav-item a{
      color: #0c0c0c!important;
    }
  </style>
  <!-- 导入 layui -->
<link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
  <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
  <script src="${pageContext.request.contextPath}/layer.js"></script>


</head>
<body>
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo layui-hide-xs layui-bg-black">个人中心</div>
    <!-- 头部区域（可配合layui 已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
      <li class="layui-nav-item layui-hide-xs"><a href="${pageContext.request.contextPath}/product">首页</a></li>
      <li class="layui-nav-item layui-hide-xs">  <a href="http://localhost:8080/demo/film">电影</a></li>
      <li class="layui-nav-item layui-hide-xs"> <a href="https://www.bilibili.com/">体育</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="https://www.bilibili.com/">搞笑</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="https://www.bilibili.com/">视频</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="${pageContext.request.contextPath}/hot.jsp">热点</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="${pageContext.request.contextPath}/movie_rank.jsp">榜单</a></li>
    </ul>

    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item layui-hide layui-show-md-inline-block">
        <a href="javascript:method3()" id="loginout">
          <img src="${pageContext.request.contextPath}/images/exit.png" class="layui-nav-img">
          ${sessionScope.user.custName}
        </a>
      </li>
      <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
        <a href="javascript:;">
          <i class="layui-icon layui-icon-more-vertical"></i>
        </a>
      </li>
    </ul>

  </div>

  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree " lay-filter="test" >
        <li class="layui-nav-item"><a href="javascript:;" onclick="method1()">订单管理</a></li>
        <li class="layui-nav-item"><a href="javascript:; " onclick="method2()">个人信息</a></li>
      </ul>
    </div>
  </div>
  <div class="layui-body">
    <!-- 内容主体区域 -->
    <div style="padding: 15px;">
      <iframe  src="http://localhost:8080/demo/order" frameborder="0" width="100%" height="1000px" id="inner" scrolling="no" ></iframe>
    </div>
  </div>
</div>
<script>
  var temp="order_list.html";
  function method1(){

    document.getElementById("inner").src="${pageContext.request.contextPath}/order/1/5/0";
  };

  function method2(){
    document.getElementById("inner").src="${pageContext.request.contextPath}/personal_Information.jsp";
  }
  function method3(){
    layer.confirm('是否确认退出?', {icon: 3, title:'提示'}, function(index){
      window.location.href="${pageContext.request.contextPath}/customer/loginout";
    });
  }
  //JS
  layui.use(['element', 'layer', 'util'], function(){
    var element = layui.element
            ,layer = layui.layer
            ,util = layui.util
            ,$ = layui.$;

    //头部事件
    util.event('lay-header-event', {
      //左侧菜单事件
      menuLeft: function(othis){
        layer.msg('暂无消息', {icon: 0});
      }
      ,menuRight: function(){
        layer.open({
          type: 1
          ,content: '<div style="padding: 15px;"> ' +
                  '${sessionScope.user.custName} <hr>'+'性别： 男<hr>' +
                  '居所：   上海<hr>爱好：  唱跳 rap 写代码 </div>'
          ,area: ['260px', '100%']
          ,offset: 'rt' //右上角
          ,anim: 5
          ,shadeClose: true
        });
      }
    });
  });
</script>
</body>
</html>
